<a
  class="subscriptions-item article-template seed-underline"
  *ngFor="let item of (feeds | async)"

>
  <div
    class=" article-template-icon"

  >
    <seed-avatar [userId]="item.userId" [lazyLoadAvatar]="item.userIcon"></seed-avatar>
  </div>
  <div class="article-template-content"
       [routerLink]="['/feed',item.feedId]"
  >
    <header class="header">
      <div class="left-box fn_left">
        <div class="poster-name">
          <span class="nick-name">{{item.nickName | truncate:10}}</span>
          <img class="icon-type pl-20" [src]="item.appImgtxtUrl  || ''">
        </div>
        <div class="type">{{item.title}}</div>
        <div class="source">
          <time class="date">{{item.createTm | amDateFormat:'MM-DD HH:mm'}}</time>
          <span class="separator" *ngIf="item.labels.length > 0"></span>
          <span class="tags"   *ngFor="let label of item.labels">{{label.labelName}}</span>
        </div>
      </div>
    </header>
    <article class="article summary" *ngIf="item.textContent">
      <p>{{item.textContent}}</p>
    </article>
    <div class="gallery ">
      <span
        *ngFor="let feedContents  of item.feedContents | slice:0:3 ; let i = index;"
      >
        <seed-img class="placeholder_card_pic gallery-img-type-{{i}}"
                  *ngIf="feedContents.contentType != 1"
                  [class.show]="feedContents.contentType != 1"
                  [lazyLoadImg]="feedContents?.thumbnail"
                  [defaultImg]="'middle'"
        ></seed-img>
      </span>
    </div>
    <div class="interface-item">
        <span class="interface">
           <span class="comment"><label class="icon_new_message"></label><span class="quantity">{{item.commentCount}}</span></span>
           <span class="support"><label class="icon_new_Likes"></label><span class="quantity">{{item.diggCount}}</span></span>
        </span>
    </div>
  </div>
</a>

